<!--  组件 -->
<template>
    <div class="nut_cell_group_com">
        <nut-cell-group>
            <nut-cell is-link>
                <template #icon>
                    <image class="nut-icon" src="http://img.gooagoo.com/demominiprogram/demopic/c-bill.png"></image>
                </template>
                <template #title>
                    <view class="nut-title">我的消费历史</view>
                </template>
                <template #link>
                    <image src="http://img.gooagoo.com/demominiprogram/demopic/go_inlog.png" class="nut-arrow" />
                </template>
            </nut-cell>
            <nut-cell is-link>
                <template #icon>
                    <image class="nut-icon" src="http://img.gooagoo.com/demominiprogram/demopic/c-bill.png"></image>
                </template>
                <template #title>
                    <view class="nut-title">拍照积分插件</view>
                </template>
                <template #link>
                    <image class="nut-arrow" src="http://img.gooagoo.com/demominiprogram/demopic/go_inlog.png" />
                </template>
            </nut-cell>
        </nut-cell-group>
    </div>
</template>

<script setup>

defineOptions({
    name: 'CellGroup'
})
</script>
<style scoped lang="scss">
.nut_cell_group_com {
    width: 100%;
    margin: 10px 0;
    .nut-icon {
        position: relative;
        left: 0;
        top: 2rpx;
        margin-right: 10px;
        width: 32rpx;
        height: 28rpx;
    }

    .nut-title {
        font-size: 28rpx;
        color: #000;
    }

    .nut-arrow {
        height: 10px;
        width: 8px;
        opacity: 0.6;
        vertical-align: middle;
        margin-top: 4px;
    }
}
</style>
